<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Consulting</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <header class="clearfix">
        <div>
            <img src="./images/logo.png">
        </div>
        <div>
            <img src="./images/search-icon.png">
        </div>
    </header>
    <nav class="clearfix">
        <ul>
            <li></li>
            <li>HOME PAGE</li>
            <li>OUR COMPANY</li>
            <li>OUR SERVICES</li>
            <li>OUR PROJECTS</li>
            <li>CONTACTUS</li>
            <li></li>
        </ul>
    </nav>
    <!-- <div id="shadow">
        <img src="../images/center-shadow2.jpg">
    </div> -->
    <main class="clearfix">
        <div>
            <img src="./images/gallery-img2.png">
            <img src="./images/gallery-img3.png">
            <img src="./images/gallery-img1.png">
        </div>
        <div>
            <div id="news-left" class="clearfix">
                <h1>Welcom!Why Choose Us?</h1>
                <p>Consulting is one of <span class="blue">free website templates</span> created by TemplateMonster.com team. This website template is optimized for 1280X1024 screen resolution. It is also XHTML & CSS valid.</p>
                <div id="news-left-left" class="clearfix">
                    <div id="news-left-left-top">
                        <img src="./images/page1-img1.png">
                        <h2><span class="blue">STARTING UP</span></h2>
                        <h3>How-to</h3>
                        <p>This <span class="underline">Consulting</span> Template goes with two
                            packages – with PSD source files and
                            without them.
                        </p>
                        <a href="">Know More</a>
                        <img src="./images/marker-1.gif">
                    </div>
                    <div id="news-left-left-bottom">
                        <img src="./images/page1-img3.png">
                        <h2><span class="blue">PLANNING</span></h2>
                        <h3>Need Help?</h3>
                        <p>The basic package of this Consulting
                            Template (without PSD source) is available
                            for anyone without registration.
                        </p>
                        <a href="">Know More</a>
                        <img src="./images/marker-1.gif">
                    </div>
                </div>
                <div id="news-left-right" class="clearfix">
                    <div id="news-left-right-top">
                        <img src="./images/page1-img2.png">
                        <h2><span class="blue">DEVELOPMENT</span></h2>
                        <h3>Strategies</h3>
                        <p>PSD source files of this Consulting Template
                            are available for free for the registered
                            members of TemplateMonster.com.
                        </p>
                        <a href="">Know More</a>
                        <img src="./images/marker-1.gif">
                    </div>
                    <div id="news-left-right-bottom">
                        <img src="./images/page1-img4.png">
                        <h2><span class="blue">INTEGRATION</span></h2>
                        <h3>Exploit your ideas</h3>
                        <p>This template has several pages: <span class="underline">Home</span>,
                            <span class="underline">Company</span>, <span class="underline">Services</span>, <span class="underline">Projects</span>, <span class="underline">Contacts</span> (note
                            that contact us form – doesn’t work).                            
                        </p>
                        <a href="">Know More</a>
                        <img src="./images/marker-1.gif">
                    </div>
                </div>
            </div>
            <div id="news-right" class="clearfix">
                <h1>Testimonial</h1>
                <div>
                    <div class="pic"><img src="./images/page1-img5.jpg"></div>
                    <div class="article">
                        <h3>Director</h3>
                        <h2 class="blue">MARY RYAN</h2>
                        <P>Ut vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum atque corrupti...</P>
                        <a href="">Read More</a>
                        <img src="./images/marker-1.gif">
                    </div> 
                </div>
                <h1>Testimonial</h1>
                <div>
                    <div class="pic"><img src="./images/page1-img5.jpg"></div>
                    <div class="article">
                        <h3>Senior assistant</h3>
                        <h2 class="blue">BILL JOEL</h2>
                        <P>Ut vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum atque corrupti...
                        </P>
                        <a href="">Read More</a>
                        <img src="./images/marker-1.gif">
                    </div> 
                </div>
                <h1>Testimonial</h1>
                <div>
                    <div class="pic"><img src="./images/page1-img5.jpg"></div>
                    <div class="article">
                        <h3>Junior researcher</h3>
                        <h2 class="blue">MICHAEL ANDERSON</h2>
                        <P> Ut vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum atque corrupti...</P>
                        <a href="">Read More</a>
                        <img src="./images/marker-1.gif">
                    </div> 
                </div>
            </div>
        </div>
    </main>
    <footer class="clearfix">
        <div class="footer-left">
            <h1>CONTACT FORM</h1>
            <div>Email</div>
            <div>Subject</div>
            <div>Message</div>
            <a href="">Clear</a>
            <a href="">Send</a>
        </div>
        <div class="footer-right">
            <div class="footer-right-top">
                <h1>LINK TO US:</h1>
                <img src="./images/social-icons.png">
                <div class="title"> 
                    <h2>FACEBOOK</h2>
                    <h2>TWITTER</h2>
                    <h2>PICASSA</h2>
                    <h2>YOU TUBE</h2>
                </div>
            </div>
            <div class="footer-right-bottom">
                <p>Consulting.com © 2011</p>
                <p><span class="blue">Website Template</span> by TemplateMonster.com</p>
                <p>Professional free web templates <a>at www.websitetemplatesonline.com</a>. |<span class="blue">Flashtemplates.com</span> . Flash Design - the Smart Choice.</p>
            </div>
        </div>
    </footer>
</body>
</html>